﻿    * {
        font-family: 'Open Sans', Helvetica, Arial, serif;
                
    }
    
          

		#s4-bodyContainer {
		    padding-bottom: 0px;
		}  
	  .font-class-1 {
        font-family: 'Open Sans', Helvetica, Arial, serif;
        font-style: normal;
        font-weight: 500;
    }

    .font-class-2 {
        font-family: 'Open Sans', Helvetica, Arial, serif;
        font-style: normal;
        font-weight: 600;
    }

    .font-class-3 {
        font-family: 'Open Sans', Helvetica, Arial, serif;
        font-style: normal;
        font-weight: 400;
    }

    .font-class-4 {
        font-family: 'Open Sans', Helvetica, Arial, serif;
        font-style: italic;
        font-weight: 600;
    }

    .font-class-5 {
        font-family: 'Open Sans', Helvetica, Arial, serif;
        font-style: normal;
        font-weight: 400;
    }

    .font-class-6 {
        color: rgba(255, 255, 255, 1.0);
        font-family: 'Open Sans', Helvetica, Arial, serif;
        font-size: 14.0px;
        font-style: normal;
        font-weight: 600;
        line-height: 18.0px;
    }

    .font-class-7 {
        font-family: 'Open Sans', Helvetica, Arial, serif;
        font-style: normal;
        font-weight: 700;
    }

    @media (min-width: 2780px) {
        #s4-workspace {
            max-width: 2780px;
            margin: 0 auto;
        }
    }

    #main-navber ul.nav.navbar-nav {
        margin-left: 0px !important;
    }

    #nav-header {
        width: 32%;
        display: flex;
        border-right: 1px solid;
    }

    #nav-header .main-logo {
        /*width: 36%;
width: 100%;
height: 58px; */
        width: 100%;

    }

    #nav-header .main-title {
        color: rgba(0, 110, 171, 1.0);
        font-size: 11px;
        letter-spacing: 0.20px;
        line-height: 13px;
        padding: 13px 10px;
        margin-left: 20px;
    }

    .nav>li>a {
        position: relative;
        display: block;
        /*padding: 10px 15px;*/
    }

    #navbarSupportedContent .nav-item>a {
        margin-top: 10px;
        padding: 0px;
    }

    #main-navber a.header-menu {
        color: rgb(12, 13, 13);
    }

    #main-navber a.dropdown-title {
        color: rgb(12, 13, 13);
        font-size: 16px;
        font-weight: 600;
    }

    #header .search-icon-change::after {
        font-family: "FontAwesome";
        content: "\f002";
        display: inline-block;
        color: #666 !important;
        margin-top: 10px;
        font-weight: normal;
        font-size: 20px;
        max-width: 10px;
    }

    #header #custom-search-input-mob {
        display: none;
    }

    #header .take-Surveys {
        color: rgb(199, 81, 0) !important;
        text-align: center;
        border-radius: 4px;
        border: 1px solid rgb(199, 81, 0);
        padding: 9px 20px;
    }
    
    #header .take-Surveys:hover {
          background: #C75100;
          color: white !important;
    }

    .navbar-nav a.megamenu {

        font-size: 16px;
        font-weight: 600;
        color: rgb(12, 13, 13);
        justify-content: space-between;
        display: flex;
    }

    .navbar-nav .nav-item.dropdown>.megamenu::after {

        font-family: "FontAwesome";
        padding-left: 10px;
        content: "\f106";
        vertical-align: initial !important;
        border-top: none !important;
        position: relative;
        bottom: 3px;
        font-size: 22px;
        height: 24px;

    }

    a.navbar-toggler::before {

        font-family: "FontAwesome";
        content: "\f00d";
        display: inline-block;
        color: #1f539f;
        font-weight: normal;
        font-size: 30px;
        border: none;
        position: absolute;
        right: 15px;
        top: 10px;

    }

    .navbar-toggler.collapsed::before {

        font-family: "FontAwesome";
        content: "\f0c9";
    }

    #navbarSupportedContent .navbar-nav li.nav-item {
        position: static;

    }

    #navbarSupportedContent .navbar-nav li {
        margin-left: 30px;
    }

    #navbarSupportedContent {

        background: white;
        justify-content: flex-start;
    }

    #navbarSupportedContent .nav-item.dropdown .megamenu:not(.collapsed) {
        color: #2563cc !important;
        border-bottom: 4px solid#ffb74d;
    }

    #navbarSupportedContent .nav-item .mainmenu-title:hover {
        color: #2563cc !important;
        border-bottom: 4px solid#ffb74d;
    }

    .navbar-nav li.nav-item.dropdown>.megamenu.collapsed::after {

        content: "\f107";

    }

    #navbarSupportedContent .dropdown-submenu {

        position: relative;
    }

    #navbarSupportedContent .mainmenu {

        left: 0px;

        /* height: 228px;
width:16%;
*/

        border-radius: 0px;
        position: absolute;
        z-index: 1000;
        box-shadow: 0px 0px 15px 2px #e8e9e9;
        top: 57px;
    }

    #navbarSupportedContent .dropdown-submenu .collapse {

        border-radius: 0px;
        width: 1100px;
        display: flex;
    }

    #navbarSupportedContent .dropdown-submenu>.collapse {

        top: 0;
        left: 100%;
        margin-top: -6px;
        margin-left: -1px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    /*#navbarSupportedContent .dropdown-submenu>a:after {
display: block;
content: "\f078";
font-family: "FontAwesome";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}*/

    #navbarSupportedContent .dropdown-submenu:hover>a:after {

        border-left-color: #fff;
    }

    #navbarSupportedContent .dropdown-submenu.pull-left {

        float: none;
    }

    #navbarSupportedContent .dropdown-submenu.pull-left>.collapse {

        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px;
    }

    #navbarSupportedContent .dropdown-submenu>.header-menu::after {

        border: none;
        content: "\f105";
        float: right;
        font-family: "FontAwesome";
        font-size: 22px;



    }

    #navbarSupportedContent .dropdown-submenu .collapse:not(.show) {

        display: none !important;
    }

    #navbarSupportedContent .dropdown-item:hover {
        background-color: transparent;
    }

    #navbarSupportedContent .level3Term {
        background-color: white;
        white-space: normal;
    }

    #navbarSupportedContent li.nav-item .mainmenu {
        display: flex;
    }

    #navbarSupportedContent .level3Term {
        display: flex;
    }

    #navbarSupportedContent .collapse:not(.show) {
        display: none !important;
    }

    #navbarSupportedContent .level3Term .sub2ndlevel {
        white-space: nowrap;
        border-right: 1px solid black;
        margin: 20px;
        padding-right: 20px;
        margin-right: 0px;
        width: 100%;
    }

    .mainmenu .sub2ndlevel .level4 .dropdown-item a {

        font-size: 14px;
        color: black;
    }


    #navbarSupportedContent .level4 .dropdown-item a {

        font-size: 14px;
        color: black;
    }

    #navbarSupportedContent .side-menu .dropdown-item a {

        opacity: .8;
        white-space: normal;
    }

    #navbarSupportedContent .side-menu .dropdown-item a:hover {

        opacity: 1;
    }


    #navbarSupportedContent .dropdown-submenu .submenu {

        opacity: .8;
        display: flex;
        justify-content: space-between;
    }


    #navbarSupportedContent .submenu:not(.collapsed) {

        opacity: 1;
    }


    #navbarSupportedContent .dropdown-item:hover {

        background-color: transparent !important;
    }



    #navbarSupportedContent .dropdown-submenu>.menu-item .dropdown-arrow {


        color: white;
        font-size: 24px;
        text-align: end;

        /*position: absolute;
right: 0;*/
    }

    #navbarSupportedContent .level4.collapse {

        display: block !important;
    }


    /*#navbarSupportedContent .dropdown-arrow.megamenu {

right: 0px;
bottom: 0px;
padding: 10px 0px;
position: relative;
font-size: 22px;
font-weight: 700;
}

#navbarSupportedContent .fa-angle-down.megamenu.collapsed:before{

content: "\f107";
}

#navbarSupportedContent .fa-angle-down.megamenu:before{

content: "\f106";
}
*/

    #navbarSupportedContent a {

        text-decoration: none;
    }


    #navbarSupportedContent .level3menu .dropdown-arrow {

        display: none;

    }

    /*mob view*/

    #headerComponent .navbar-toggler.text-white::before {

        color: white !important;
    }

    #navbarSupportedContent .parent-title {

        display: none;
        padding: 5px;

    }


    @media (max-width: 372px) {

        #footer .footer-firstsection .footer-logo {

            width: 100%
        }
    }

    @media (max-width: 991px) {


        /*#navbarSupportedContent .fa-angle-down.megamenu.collapsed:before{

content: "\f105" !important;

}

#navbarSupportedContent .fa-angle-down.megamenu:before{

content: "\f104" !important;

}*/


        .navbar-nav .nav-item.dropdown>.megamenu::after {

            content: "\f104" !important;
            padding: 0px;

        }

        .navbar-nav li.nav-item.dropdown>.megamenu.collapsed::after {

            content: "\f105" !important;

        }



        #navbarSupportedContent .level3Term {

            display: block;

        }

        #navbarSupportedContent .sub2ndlevel .thirdLevel-title::after {

            border: none;
            content: "\f078";
            float: right;
            font-family: "FontAwesome";


        }

        #navbarSupportedContent .level3menu .dropdown-arrow {

            display: inline-block !important;
            float: right;
            font-size: 24px;
        }

        #navbarSupportedContent .level4.collapse:not(.show) {

            display: none !important;
        }

        #navbarSupportedContent .megamenu {

            /* bottom: auto;
position:absolute;
right: 20px;*/

            padding: 15px;

        }

        #navbarSupportedContent .megamenu-item a.header-menu {

            padding: 10px 15px;
        }

        #navbarSupportedContent {

            margin-right: 0px;
        }


        #navbarSupportedContent .mainmenu {

            position: relative;
            top: 0px;
        }

        #navbarSupportedContent .level3Term .sub2ndlevel {

            border: none;
            padding-right: 0px;
            margin: 20px 0px;
            white-space: normal;
        }

        #navbarSupportedContent .side-menu.py-4 {

            padding-top: 5px !important;
            padding-bottom: 5px !important;
        }


        #navbarSupportedContent .dropdown-submenu>.submenu.collapsed::after {

            content: "\f105" !important;
        }

        #navbarSupportedContent .dropdown-submenu>.submenu::after {

            content: "\f104";
        }

        #navbarSupportedContent .level3menu.collapsed .dropdown-arrow::before {

            content: "\f107" !important;
        }

        #navbarSupportedContent .level3menu .dropdown-arrow::before {

            content: "\f106";
        }

        #navbarSupportedContent .parent-title {

            display: block;
        }

        #headerComponent .navbar-toggler::before {

            z-index: 9999;
            /*top:50px;*/
        }

        #headerComponent .navbar-toggler.collapsed::before {

            top: 10px !important;

        }

        #navbarSupportedContent .level3menu img {

            display: none;
        }

        #navbarSupportedContent {

            position: absolute;
            width: 100%;
            z-index: 999;
            top: 0px;
        }

        #navbarSupportedContent .mainmenu,
        #navbarSupportedContent .level3Term {

            width: 100%;
            padding: 20px;
        }

        #navbarSupportedContent .level3Term {

            padding: 20px;
        }

       /* #header .take-Surveys {

            display: none;
        }   */
        
        #navbarSupportedContent .navbar-nav li.li-take{
    		    margin-top: auto;
    			padding-bottom: 20px;
    			padding-right: 30px;
		}
		#navbarSupportedContent .nav-item>a {
			    padding-right: 30px;
			}
        
        

        #navbarSupportedContent .thirdLevel-title {

            font-size: 18px;
        }

        #navbarSupportedContent .level4 .dropdown-item a {

            font-size: 16px !important;
        }

        #navbarSupportedContent .level4 .dropdown-item { 

            padding: 14px 20px !important;
        }

        #navbarSupportedContent .level3menu {

            padding: 10px;
            display: flex;
            justify-content: space-between;
        }

        .position #search-input-mob {
            display: block !important;
        }

        #navbarSupportedContent.position {

            position: relative;
        }


    } 

    @media (max-width: 360px) {

        #navbarSupportedContent .level3Term {

            padding: 10px !important;

        }


    }

    /*mob search*/

    #search-input-mob {
        display: none;
    }

    #search-input-mob .search-query {
        padding-left: 30px;
        border-radius: 0;
    }

    #search-input-mob .fa-search {
        position: absolute;
        display: flex;
        padding: 10px;
        align-items: inherit;
        z-index: 2;
    }
    
        @media (min-width: 992px) and (max-width: 1221px) {
        
#navbarSupportedContent .navbar-nav li {
    margin-left: 10px;
}
#navbarSupportedContent {
    margin-right: 30px;
}
}

    #navbarSupportedContent li.nav-item.dropdown a span {
    font-size: 16px;
}
    /*end header*/

    /*-----------------------------------------------*/
    #header #search-icon {
        position: static;
        right: 40px;
    }

    #desktop-search-bar .dropdown-menu {
        width: 100%;
    }

    #desktop-search-bar #custom-search-input-desk {
        background-color: #f5f5f5 !important;
    }

    #desktop-search-bar .search-query {
        width: 90%;
        padding: 20px;
        margin: 30px;
    }

    #desktop-search-bar .input-group-btn button {
        border: 0;
        background: none;
        margin-top: 32px;
        position: absolute;
        right: 30px;
        border-radius: 50px;
        color: gray;
        z-index: 3;
    }

    #search-icon.show #search-btn .search-icon-change::after {
        content: "\f00d";
    }

    #search-icon #search-btn .search-icon-change {
        position: relative;
        right: 25px;
    }

    /*--------------------------------*/

    .logo {
        border-right: 1px solid #1f253d;
        left: 8%;
        right: 88.41%;
        top: 14.29%;
        bottom: 57.14%;
        height: 81px;
    }

    #search-div .search-btn .fa-search {
        font-size: 25px;
    }

    #search-input {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 28px;
        position: absolute;
        left: 25.88%;
        top: 30%;
        border: none;
    }


    .megamenu a.down-cart::after {
        font-family: "FontAwesome";
        padding-left: 10px;
        content: "\f078";
    }

    /*.megamenu a {
width: 100px;
display: flex;
color: white;
}*/

    #navbarSupportedContent {
        background-color: rgb(255, 255, 255);
    }

    .megamenu a p {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        display: inline-block;
    }

    .megamenu a.nav-link {
        justify-content: center;
        line-height: 40px;
    }



    #footer .footerword {
        color: rgb(255, 255, 255);
        margin-bottom: 0px;
        font-size: 14px;
    }

    .mask-group-C61RwL {
        width: 83px;
    }

    .navbar {
        padding: 0px !important;
    }

    .mrsd {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 36px;
        line-height: 40px;
        /* identical to box height, or 111% */
        line-height: 80px;
        letter-spacing: -0.5px;
        color: #1f253d;
        right: 19%;
        position: relative;
    }

    /*.input-group {
left: 8.5%;
}*/

/* Start page layout*/
 .custom-header-content{
            margin-top: 55px;
            margin-left:30px;
          }
.breadcrumb-content{
	 margin-left:30px;
	
}
		  
.statistic-detail-content-1 {	
    padding: 25px !important;
    padding-left: 50px !important;
}
	
.headermodule h2{
	display:none;
}

/* End page layout*/

    .text-list-li {
        width: 134px;
        height: 60px;
        left: 16%;
    }

    .statistics {
        position: relative;
        top: 186px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        /* position: absolute; */
        width: 50%;
        height: 24px;
        left: 5%;
    }

    .txtColor {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
    }

    .statistic-content {
        position: absolute;
        width: 597px;
        height: 120px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -0.5px;
        color: #000000;
    }

    .experts-home .rectangle-2-C61RwL {
        top: 0px !important;
    }

    .experts-home .pattern-blue-C61RwL {
        top: -184.41px;
        /* height: 100%; */
        width: 97%;
        left: -23%;
    }

    .experts-home {
        height: 3130px;
        width: 99%;
    }

    .mid-content {
        position: relative;
        left: 50px;
    }

    .coronavirus {
        position: absolute;
        right: -4%;
        top: 67px;
        z-index: 999;
    }

    .experts-home .group-233-C61RwL {
        position: initial !important;
    }

    .coronaBtn {
        background: #1e4bb8;
        border-radius: 4px;
        color: #ffffff;
    }

    .experts-home .back-to-top-C61RwL {
        left: 1198px;
        position: absolute;
        top: 459px;
    }

    .print {
        padding: 0px;
        border: 0px;
        background-color: transparent;
        position: absolute;
        top: 464px;
        z-index: 999;
    }

    .upArrow {
        background-color: transparent;
        position: absolute;
        top: 464px;
        right: 0px;
        padding: 0px;
        border: 0px;
        z-index: 999;
    }

    .printimg,
    .backtotop,
    .font {
        width: 74px;
        height: 74px;
    }

    .fontsize {
        padding: 0px;
        border: 0px;
        background-color: transparent;
        position: absolute;
        top: 400px;
    }

    .imgcircle {
        border-radius: 50%;
        background-color: white;
        width: 50px;
        height: 50px;
        position: absolute;
        top: 31px;
        left: 126px;
        text-align: center;
    }

    .ractangleBox {
        background: linear-gradient(174.75deg, #2563cc 38.42%, #1e4bb8 89.02%);
        /* transform: matrix(1, 0, 0, -1, 0, 0); */
        position: absolute;
        width: 310px;
        height: 296px;
        left: 80px;
        top: 565px;
        border-radius: 2px;
    }

    .grpimg {
        width: 27px;
        height: 27px;
        position: absolute;
        top: 11px;
        left: 12px;
    }

    .card-body {
        position: absolute;
        width: 250px;
        height: 25px;
        left: 16px;
        top: 81px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        color: #ffffff;
    }

    .percentage {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 36px;
        line-height: 49px;
        text-align: center;
        color: #ffffff;
        position: absolute;
        width: 163px;
        height: 49px;
        left: 42px;
        top: 60px;
    }

    .totalPerson {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #ffffff;
        position: absolute;
        width: 130px;
        height: 48px;
        left: 53px;
        top: 122px;
    }

    .card {
        height: 296px;
        background: linear-gradient(174.75deg, #2563cc 38.42%, #1e4bb8 89.02%);
        /* position: relative; */
        border-radius: 0px;
        width: 100%;
    }

    .carousel {
        top: 17.5%;
    }

    .carousel-indicators {
        top: 300px;
    }

    .carousel-indicators li {
        background-color: #bbc5d0;
        width: 8px;
        height: 8px;
        border-radius: 50%;
    }

    .carousel-indicators .active {
        background-color: #2c75dd;
    }

    #multi-item-example .carousel-inner {
        width: 95%;
        left: 71px;
    }

    .Highlight_nextImg {
        width: 74px;
        height: 74px;
        float: right;
        position: absolute;
        top: 180px;
        /* right: -26%; */
        left: -37px;
        z-index: 999;
    }

    .nextImg {
        width: 74px;
        height: 74px;
        float: right;
        position: absolute;
        top: 110px;
        right: 3%;
        /* left: -37px; */
        z-index: 999;
    }

    .body-section {
        position: absolute;
        width: 92%;
        height: 256px;
        left: 83px;
        top: 580px;
        /* opacity: 0.05; */
        background: #f4faff;
    }

    .body-content {
        width: 100%;
        align-items: center;
        position: relative;
        top: 621px;
        left: 20%;
        height: 50px;
    }

    .selectType {
        width: 292px !important;
        background: #f4faff;
        border: 1px solid #1e4bb8;
        box-sizing: border-box;
        border-radius: 0px 4px 4px 0px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #032f9a;
    }

    .like {
        width: 543px !important;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 0px;
        border-left: none;
        border-radius: 0px;
        background: #ffffff;
        border: 1px solid #00247b;
        border-left: none;
    }

    .divsearchImg {
        width: 38px;
        border: 1px solid #00247b;
        height: 38px;
        background-color: white;
        border-right: none;
        /* border-bottom-right-radius: 0px; */
        /* border-radius: 0px; */
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }

    .searchImg {
        position: absolute;
        top: 12px;
        left: 10px;
        width: 18px;
        height: 18px;
    }

    .searchTerm {
        position: absolute;
        width: 184px;
        height: 25px;
        left: 20.4%;
        top: 730px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 24px;
        color: #1e4bb8;
    }

    .searchBtn {
        position: absolute;
        height: 48px;
        left: 20.4%;
        top: 767px;
    }

    .coronaVirusBtn,
    .aging,
    .graduate,
    .Unemployment {
        height: 41px;
        border: 1px solid #1e4bb8;
        box-sizing: border-box;
        border-radius: 4px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #1e4bb8;
        width: 199px;
        background-color: transparent;
    }

    .highlightSec {
        position: absolute;
        height: 36px;
        left: 53px;
        top: 1200px;
        width: 100%;
    }

    .hightlight-Title>h4,
    .benchmark-Title>h4 {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.5px;
        color: #1f253d;
        width: 150px;
    }

    .hightlight {
        max-width: 70%;
    }

    .allHighlightLnk {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.25px;
        color: #1e4bb8;
    }

    #highlight-carousel {
        position: absolute;
        top: 80px;
        width: 96%;
    }

    .highlight-card-body {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 33px;
        color: #1f253d;
        position: absolute;
        top: 82%;
        left: 48px;
    }

    .highlight-Date {
        position: absolute;
        width: 81px;
        height: 20px;
        left: 50px;
        top: 260px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #c75100;
    }

    #highlight-carousel .carousel-inner {
        height: 437px;
        width: 100%;
    }

    @media only screen and (min-width: 1320px) {
        .highlight-card-body {
            top: 78%;
        }

        .employee,
        .employer {
            width: 201px !important;
            height: 48px !important;
        }

        .occupationText,
        .salaryText {
            width: 88% !important;
        }

        .income {
            width: 87% !important;
            height: 48px !important;
        }

        .tools {
            width: 153px !important;
            left: 100px !important;
        }

        #highlight-carousel .nextImg {
            left: 350px;
            top: 200px;
        }

        .pubBtn {
            left: 76.3% !important;
        }

        .Highlight_nextImg {
            left: 340px;
            top: 200px;
        }

        .highlight-text {
            background: #f2f7fc;
            position: absolute;
            width: 100%;
            height: 96.17px;
            left: 5.04px;
            top: 349.06px;
        }

        .highlight-card .card-img-top {
            height: 355px;
        }
    }


    .highlight-carousel-indicators {
        top: 451px;
    }

    .highlight-card-text {
        position: absolute;
        width: 782.9px;
        height: 53.17px;
        left: 48.04px;
        top: 17.06px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 26px;
        color: #000000;
    }

    .highlight-text {
        background: #f2f7fc;
        position: absolute;
        width: 100%;
        height: 96.17px;
        left: 5.04px;
        top: 348.06px;
    }

    .controls-top {
        position: absolute;
        width: 48px;
        height: 48px;
        left: 797px;
        top: 0px;
        filter: drop-shadow(0px 0px 16px rgba(255, 255, 255, 0.2));
    }

    .article-Content {
        position: absolute;
        width: 199px;
        height: 34px;
        left: 5px;
        background: #2563cc;
        top: 0px;
    }

    .articleText {
        position: relative;
        left: 64px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #ffffff;
    }

    .article-image {
        position: relative;
        left: 52px;
    }

    .benchmarkArea {
        position: absolute;
        width: 100%;
        height: 494px;
        left: 0px;
        top: 82px;
        background: #eef1f4;
    }

    .benchmark-btn {
        position: absolute;
        left: 23px;
        top: 40px;
    }

    .employee {
        width: 135px;
        background: #1e4bb8;
        border-radius: 4px 0px 0px 4px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        border: 1px solid #1e4bb8;
        color: #ffffff;
        height: 37px;
        position: relative;
        left: 5px;
    }

    .employer {
        width: 135px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        color: #ffffff;
        height: 37px;
        color: #1e4bb8;
        margin-right: 0px;
        border-radius: 0px 4px 4px 0px;
        border: 1px solid #1e4bb8;
    }

    .benchmark-fields {
        position: absolute;
        width: 100%;
        /* height: 9.04px; */
        left: 28.17px;
        top: 104.33px;
    }

    .occupation,
    .month {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        /* align-items: unset; */
        color: #0c0d0d;
        justify-content: unset;
        position: relative;
        margin-bottom: 8px;
    }

    .occupationText,
    .salaryText {
        width: 265.66px;
        height: 46px;
        background: #ffffff;
        border: 1px solid #ffffff;
        box-sizing: border-box;
    }

    ::placeholder {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #b5b6b7;
    }

    .benchmarkBtn {
        position: absolute;
        width: 100%;
        /* height: 48px; */
        left: 3.17px;
        top: 222.01px;
    }

    .income {
        background: #1e4bb8;
        border-radius: 4px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #ffffff;
        width: 264px;
        height: 48px;
    }

    .income-tools {
        position: absolute;
        /* width: 158px; */
        /* height: 24.04px; */
        left: 3px;
        top: 293.87px;
    }

    .incometrends {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #1e4bb8;
    }

    .tools {
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #1e4bb8;
        position: relative;
        width: 100px;
        left: 11px;
        height: 43px;
        border: 1px solid #1e4bb8;
        box-sizing: border-box;
        border-radius: 4px;
    }

    .data {
        position: absolute;
        height: 204px;
        width: 100%;
        left: 64px;
        top: 1850px;
    }

    .build-circle {
        position: relative;
        top: 32px;
    }

    .builder {
        background: linear-gradient(11.52deg, #1e4bb8 6.28%, #4ea3fa 216.22%);
        height: 204px;
        width: 421px;
        text-align: center;
    }

    .builder-body {
        position: relative;
        top: 50px;
    }

    .builder-title {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 28px;
        color: #ffffff;
    }

    .builder-cnt {
        height: 40px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        width: 100%;
        color: #ffffff;
        position: relative;
        left: 5px;
    }

    .builderMrgin {
        max-width: 29%;
        margin-right: 20px;
    }

    .recentPublication {
        position: absolute;
        width: 100%;
        height: 511px;
        left: 0px;
        top: 2120px;
        background: #c3e1ff;
    }

    .publicTitle {
        position: absolute;
        width: 228px;
        height: 36px;
        left: 80px;
        top: 48px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.5px;
        color: #1f253d;
    }

    #publication-example {
        position: relative;
        top: 23%;
        left: 46px;
        width: 100%;
        margin: 0px !important;
    }

    .bkstyle {
        background: #ffffff;
        height: 267px;
        width: 24%;
    }

    #publication-example .carousel-inner {
        position: relative;
        left: 20px;
    }

    .public-card {
        position: relative;
        top: 65px;
        left: 16px;
    }

    .assetimg {
        width: 275px;
        height: 112px;
        position: absolute;
        top: 83px;
        left: -31px;
    }

    .publicDate {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        color: #333333;
    }

    .public-card-title {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 28px;
        color: #333333;
        flex: none;
        order: 0;
        align-self: center;
        flex-grow: 0;
    }

    .report-Content {
        position: absolute;
        left: -17px;
        right: 0%;
        top: -65px;
        bottom: -25%;
        background: #2563cc;
        width: 195px;
        height: 47px;
    }

    .report-image {
        position: relative;
        left: 54px;
    }

    .reportText {
        position: relative;
        left: 70px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #ffffff;
    }

    .pdf {
        border: 1px solid #1e4bb8;
        box-sizing: border-box;
        border-radius: 4px;
        width: 124px;
        height: 48px;
        position: absolute;
        background-color: transparent;
        left: 104px;
        top: 139px;
    }

    .downloadbtn {
        flex: none;
        order: 0;
        align-self: center;
        flex-grow: 0;
        margin: 12px 0px;
        position: relative;
        width: 15px;
        height: 15px;
        left: -4px;
        top: -4px;
    }

    .pdftext {
        position: relative;
        left: 8px;
        /* right: 0%; */
        top: -2px;
        bottom: 0%;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #1e4bb8;
        flex: none;
        order: 1;
        align-self: center;
        flex-grow: 0;
        margin: 12px 0px;
    }

    .pubBtn {
        position: absolute;
        left: 776px;
        top: 438px;
    }

    .release {
        height: 45px;
        width: 173px;
        margin-right: 17px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #032f9a;
        background-color: transparent;
        border: 1px solid #032f9a;
        box-sizing: border-box;
        border-radius: 4px;
    }

    .more {
        width: 200px;
        height: 45px;
        background: #1e4bb8;
        border-radius: 4px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #ffffff;
        border: 1px solid #032f9a;
    }

    .survey {
        position: relative;
        width: 100%;
        height: 316px;
        left: 0px;
        top: 74%;
    }

    .surveycontent {
        position: relative;
        left: -15px;
        height: 100%;
    }

    .surveyimg {
        z-index: 999;
        position: relative;
        top: 1px;
        opacity: 0.6;
        width: 103%;
        height: 100%;
        background: linear-gradient(270deg,
                rgba(255, 255, 255, 0.81) -18.65%,
                rgba(255, 255, 255, 0.68) 53.39%,
                rgba(255, 255, 255, 0) 89.55%,
                rgba(255, 255, 255, 0) 89.55%);
        mix-blend-mode: multiply;
        opacity: 1;
    }

    .bluebackColor {
        position: relative;
        top: -311px;
        background: linear-gradient(86.91deg, #1e4bb8 27.69%, #83c2ec 141.2%);
        width: 103%;
        height: 100%;
    }

    .grpcls {
        height: 152px;
        width: 102px;
    }

    .grpImag {
        position: absolute;
        left: 20%;
        right: 72.95%;
        top: 14%;
        bottom: 12.9%;
    }

    .surveyQues {
        left: 33%;
        position: absolute;
        top: 12%;
        width: 54%;
    }

    .ques {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 24px;
        line-height: 36px;
        letter-spacing: -0.5px;
        color: #ffffff;
    }

    .surveyDesc {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 24px;
        color: #ffffff;
        position: absolute;
        top: 60px;
    }

    .surveyBtn {
        position: absolute;
        top: 60%;
        left: 33%;
        width: auto;
    }

    .Individuals,
    .Businesses,
    .TakeSurvey {
        width: 189px;
        height: 48px;
        background-color: transparent;
        border: 1px solid #ffffff;
        box-sizing: border-box;
        border-radius: 4px;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #ffffff;
    }

    .contact-Title {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 18px;
        line-height: 25px;
        color: #444444;
    }

    .MSRDCnt {
        position: relative;
        left: 88px;
    }

    .MRSD_lbl {
        font-family: Open Sans;
        font-style: normal;
        font-weight: bold;
        font-size: 36px;
        line-height: 49px;
        /* display: block; */
        color: #444444;
    }

    .MRSD_Body {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #444444;
        height: 96px;
        width: 422px;
    }

    .contact {
        position: relative;
        left: 80px;
    }

    .contact_Address,
    .Lbl_email,
    .signuplabel {
        font-family: Open Sans;
        font-style: normal;
        font-weight: normal;
        font-size: 15px;
        line-height: 24px;
        color: #444444;
    }

    .email {
        position: relative;
        left: 50px;
    }

    .Ipt_Email {
        background: #ffffff;
        border: 1px solid #c6cacd;
        box-sizing: border-box;
        border-radius: 4px;
        width: 310px;
        height: 39px;
    }

    .email_sec {
        position: relative;
        top: 10px;
    }

    .subscribe_Lnk {
        float: right;
        position: absolute;
        /* right: -33px; */
        top: 102%;
        font-family: Open Sans;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: #2b6ea5;
        left: 73%;
    }

    .socialMedia {
        position: relative;
        left: 73px;
        max-width: 150px;
    }

    .Img-FB,
    .img_twitter,
    .Img-linkedin,
    .img_youtube {
        width: 40px;
        height: 40px;
    }

    .contactForm {
        position: relative;
        top: -91px;
        left: 50%;
        max-width: 200px;
    }




    #navbarSupportedContent .nav .dropdown-menu-right .dropdown-item {
        color: black;
    }

    /*---------------------------------------------------*/
    #footer .footer-firstsection .footer-logo {
        height: 65px;
    }

    #footer .footer-firstsection .footer-title {
        color: rgba(0, 110, 171, 1.0);
        width: 20%;
        margin: 0px;
        padding: 8px 20px;
        border-left: 1px solid;
        height: 40px;
        top: 10px;
        position: relative;
        margin-left: 15px;
        font-size: 12px;
    }

    #footer .footer-firstsection .firstsection-links {
        justify-content: space-between;
        margin-top: 20px;
    }

    #footer .footer-firstsection .firstsection-links a {
        color: rgb(37, 99, 204);
        font-size: 16px;
        font-weight: 600;
    }

    #footer-links {
        display: flex;
        justify-content: flex-end;
    }

    #footer-links .quick-links {
        margin-top: 10px;
    }

    #footer-links .quick-links a {
        padding: 20px;
        color: rgb(37, 99, 204);
    }

    #footer-links .social-links a {
        margin: 10px;
    }

    #footer .footer-firstsection {
        background-color: rgb(249, 250, 251);
        padding: 20px;
    }

    #footer #second-section {
        background-color: rgba(238, 241, 244, 1.0);
        padding: 20px 10px;
    }

    #footer #second-section a {
        padding: 20px;
        color: black;
        font-size: 14px;
    }

    #footer #second-section .fa-external-link:before {
        padding: 5px;
        font-size: 18px;
        color: gray;
    }

    #footer .lastcontentrow {
        background-color: rgba(31, 37, 61, 1.0);
        justify-content: flex-end;
    }

    #footer .lastrightcontent {
        text-align: right;
        height: 81px;
    }

    #footer .aboutus {
        float: left;
    }

    #footer .firstsection-links a {
        margin-right: 20px;
    }

    /*mob view*/
    @media all and (max-width: 991px) {
        #search-icon {
            display: none;
        }

        #nav-header {
            width: 91%;
            border: none;
        }
    }

    @media all and (max-width: 576px) {

        #footer-links,
        #footer .footer-firstsection .firstsection-links,
        #footer-links .quick-links,
        #footer #second-section {
            display: block;
        }

        #footer .footer-firstsection .firstsection-links a,
        #footer-links .quick-links a {
            font-weight: 400 !important;
            font-size: 14px !important;
        }

        #footer .lastcontentrow {
            background-color: rgb(238, 241, 244) !important;
        }

        #footer .footerword {
            color: rgb(12, 13, 13);
        }

        #footer #second-section a,
        #footer .footerword {
            font-size: 12px !important;
        }

        #footer .lastrightcontent {
            text-align: left !important;
            font-size: 12px !important;
        }

        #footer .aboutus {
            float: none;
        }
    }




    .dropdown-menu li {
        padding-left: 10px;
    }

    /*-------------------------------------*/
    #main-content .background-img {
        position: absolute;
        width: 98%;
    }

    /*#main-banner .banner-content{
top: 20%;
position: relative;
}*/

    */ #main-banner .banner-content .banner-title {
        color: rgba(44, 117, 221, 1.0);
    }

    #main-banner .banner-desc p {
        width: 100%;
    }

    /*#main-banner .banner-btn .btn1{
border: 1px solid #2c75dd;
padding: 10px;
border-radius: 5px;
width: 27%;
}*/
    #main-banner .banner-btn .btn2 a {
        color: white;
    }

    /*#main-banner .banner-btn .btn2 {
border: 1px solid #2c75dd;
padding: 10px;
width: 27%;
background-color: #2c75dd;
color: white;
margin-left: 20px;
text-align: center;
}*/
    #main-banner .banner-img {
        width: 100%;
    }

    .page-footer button {
        min-width: initial;
    }

    .back-to-top i {
        position: relative;
        top: 3px;
        right: 2px;
    }

    /*report-list page left-section*/

    #reportlist-left ul {
        margin-top: 30px;
    }

    #reportlist-left img.bulb {
        margin-left: 20px;
        margin-right: 20px;
        width: 26px;
        height: 39px;
    }

    #reportlist-left .explore-btn {
        background-color: rgb(247 186 80);
        border-radius: 4px;
        padding: 10px;
        width: 85%;
        display: block;
        text-align: center;
        margin: 0 auto;
        color: black !important;
    }

    #reportlist-left .left-section .item {
        margin-bottom: 20px;
        list-style: none;
    }

    #reportlist-left .explore .question {
        display: flex;
    }

    /*end*/

    #footer-links .quick-links {
        margin-right: 10px;
    }

    #footer-links .social-links a {
        margin-left: 0px;
    }

    #footer-links .quick-links a {
        padding-left: 15px;
    }

    #footer #second-section a {
        padding-left: 10px;
    }

    #footer .lastrightcontent {
        padding-left: 20px !important;
    }

    .ms-webpart-chrome-vertical {
        display: block;
    }

    div.ms-webpart-cell-vertical-inline-table {
        display: block;
    }


    /*Singapore Government Agency*/
    #top-bar {
        padding: 5px;
        background-color: #f0f0f0;
    }

    #top-bar a {
        display: flex;
        margin-left: 10px;
    }

    #top-bar .Singapore-logo {
        width: 18px;
        height: 18px;
        margin-right: 10px;
    }

    #top-bar .title {
        margin: 0;
        font-size: 14px;
        color: black;
    }
    
    @media (max-width: 400px) {
	
	   #top-bar .title {
          font-size: 12px;
       }
       
       .o365cs-nav-header16.o365cs-newALV3-on #O365_MainLink_Affordance {
	     
	        display:none !important;
	     
        }
	
    }

    /*End Singapore Government Agency*/


    @media (max-width: 991px) {
        #main-navber ul.nav.navbar-nav {
            margin-left: 0px !important;
            min-height: 620px;
        }

        #navbarSupportedContent li.nav-item .mainmenu {
            display: flex;
            min-height: 685px;
        }
    }

    /*concepts content page layout page header filter*/

    .topic-filter .topic-list {
        margin-right: 40px;
        height: 30px;
        border: none;
        box-shadow: 0 .125rem 0.5rem rgba(0, 0, 0, .25) !important;
        border-radius: unset;
    }


    /*end concepts content page layout page header filter*/

    /*concepts content page layout pages left section*/

    /*left-side*/

    #list-leftsection .bulb {

        margin-left: 20px;
        margin-right: 20px;
        width: 26px;
        height: 39px;
    }

    #list-leftsection .explore-btn {
        background-color: rgb(247 186 80);
        border-radius: 4px;
        padding: 10px;
        width: 85%;
        display: block;
        text-align: center;
        margin: 0 auto;
        color: black !important;
    }

    #list-leftsection .left-section .item {
        margin-bottom: 20px;
        list-style: none;
    }

    #list-leftsection ul {
        margin-top: 30px;
    }


    /*left section */

    #list-leftsection #mob-filter select {

        background-color: #122455;
        color: white;
        border-radius: 0;
        border: none;
        box-shadow: none;
        display: none;
    }

    .concept-content-left-right {

        padding: 0px;
    }

    @media (max-width: 767px) {

        #list-leftsection #mob-filter select {

            display: block;
        }

        .concept-content-left-right .left-content {

            border-bottom-right-radius: 0px !important;
        }

        #list-leftsection #desk-leftsection {

            display: none;
        }
    }


    /*breadcrumb*/


    @media (max-width: 991px) {
        .breadcrumb {
            padding: 0px;
        }

        .custom-breadcrumb.breadcrumb span,
        .custom-breadcrumb.breadcrumb span a {
            color: rgb(37, 99, 204) !important;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
        }

        .custom-breadcrumb.breadcrumb span {
            margin-left: 0px;
        }
        #topic .title-section .title h3 {
            font-size: 16px;
        }

    }

    /*end breadcrumb*/

    /*end concepts content page layout pages left section*/

    /* Infographics Image */
    
    @media (max-width: 1023px) {
        .statistic-detail-content-1 a img {
                
            width: 100%;
        }
    }

    /* End of Infographics Image */


    /*topic page*/

    #topic {
        margin: 0 auto;
        margin-right: 0;
    }

    #topic .overview .main-title {
        font-size: 36px;
        margin-top: 30px;
    }

    #topic .overview .item {
        box-shadow: 0px 0px 15px 2px #e8e9e9;
        padding: 25px;
        padding-bottom: 0px;
        border-top: 8px solid blue;
        border-radius: 10px;
    }

    #topic .overview .item .item-content {
        display: flex;
        margin-top: 30px;
    }

    #topic .overview .item-content h6 {
        font-size: 20px;
        color: rgba(12, 13, 13, 1.0);
    }

    #topic .overview .item .count {
        display: flex;
        color: black;
    }

    #topic .overview .up-arrow {
        height: 37px;
        width: 36px;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    #topic .overview .item .gray {
        color: rgba(109, 121, 137, 1.0);
    }

    #topic .graph {
        height: 137px;
        width: 100%;
    }

    #topic .data-img {
        height: 46px;
        width: 52px;
        margin-right: 20px;
    }

    #topic .summary-details {
        background-color: rgba(31, 37, 61, 1.0);
        border-radius: 8px;
        color: white;
        padding: 30px;
    }

    #topic .summary-details .title-section {
        display: flex;
        padding-bottom: 30px;
    }

    #topic .summary-details .viewtable-btn {
        background-color: #f7ba50;
	    border-radius: 4px;
	    text-align: center;
	    border: none;
	    margin-top: 30px;
	    color: white !important;
	    padding: 10px;
	    text-decoration: none !important;
	    cursor: pointer;
    }

    #topic #whats-happenings .banner-item {
        display: flex;
        position: relative;
        /* justify-content: center;*/
    }

    #topic #whats-happenings .bg-img {
        width: 100%;
    }

    #topic #whats-happenings .banner-item .title {
        position: absolute;
        margin-bottom:20px;
        color: white;
        bottom: 0px;
        
        /*text-align: center;
font-size: 14px;
bottom: 35px;*/

        margin-left: 20px;
    }

    #topic .overview .main-content {
        padding-top: 10px;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }

    #topic .title-section .title p {
        font-size: 14px;
    }

    #topic .title-section .title h3 {
        color: white;
    }

    #topic .view-more .viewmore-btn {

        background-color: #f7ba50;
        border-radius: 4px;
        color: black;
        width: 199px;
        margin-right: 15px;
        text-align: center;
        padding: 10px;
        display: block;
        margin: 0 auto;
        margin-right: 0;
    }

    #topic #whats-happenings .view-more {
        text-align: end;
        padding: 25px;
    }

    #topic #unemployment .ques-section {
        background-color: #f7f9fb;
        padding-bottom: 10px;
        border-bottom: 1px solid #c1cad3;
    }

    #topic #unemployment {
        border: 1px solid #c1cad3;
        border-top: 15px solid #5c64d8;
        border-radius: 8px;
    }

    #topic .ques-section .title {
        padding: 25px;
    }

    #topic .bulb {
        height: 48px;
        width: 32px;
        margin-right: 20px;
    }

    #topic .ques-section .ques {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 2px solid #969393;

    }

    #topic .ques-section .ques a {
        color: #2563cc;
        font-size: 20px;
    }

    #topic #unemployment .view-more {
        text-align: end;
        padding: 25px 35px;
    }

    #topic #unemployment .content {
        padding: 20px;
    }

    #topic #mob-summarytable {
        display: none;
    }

    #topic #mob-happenings {
        display: none;
    }
	
	 #topics .item-content .link a {
            color: black !important;
        }
		
	#topics .item-content {
            text-align: center;
            padding: 20px;

        }
    @media (max-width: 767px) {
        #topic .overview .item-content h6 {
            font-size: 12px;
        }

        #topic .overview .item .count {
            font-size: 16px;
            margin-right: 10px;
            margin-left: 0;
        }

        #topic .overview .up-arrow {
            height: 16px;
            width: 16px;
        }
		
		 
        #topic .item-content .topic {
            font-size: 12px;
        }

        #topic .item-content .details {
            display: flex;
            margin-bottom: 0px !important;
        }

        #topic .content-img {
            display: none;
        }

        #topic #mob-summarytable {
            background-color: #1f253d;
            color: white;
            padding: 13px;
            display: block;
        }

        #topic #mob-summarytable .title-section {
            font-size: 14px;
            display: flex;
        }

        #topic #mob-summarytable .data-img {
            height: 16px !important;
            width: 18px !important;
        }

        #topic #mob-summarytable {
            display: block;
        }

        #topic #mob-summarytable .title,
        #topic #mob-happenings .title {
            font-size: 14px;
        }

        #topic #mob-happenings .title-section {
            display: flex;
        }

        #topic #mob-happenings .item {
            display: flex;
            margin-bottom:1px;

        }

        #topic #mob-happenings .bg-img {
            width: 100%;
        }

        #topic #whats-happenings #desk {
            display: none;
        }

        #topic #whats-happenings .viewmore-btn {
            width: 100%;
            font-size: 14px;
        }

        #topic #whats-happenings .view-more {
            padding: 0px;
            padding-bottom: 25px !important;
        }

        #topic #mob-happenings {
            display: block;
        }

        #topic .ques-section .title {
            font-size: 14px;
            display: flex;
        }

        #topic #desk-summary-details {

            display: none;
        }

        #topic #unemployment .view-more .viewmore-btn {
            width: 120px;
            margin-left: 0;
            font-size: 14px;
            padding: 5px !important;
        }

        #topic,
        #topic .right-content .col-md-9 {
            padding: 0px !important;
        }

        #topic .item-content .topic span {
            display: none;
        }

        #topic .overview .item {
            padding: 10px !important;
        }

        #topic .overview .item-content {
            margin-bottom: 0;
        }

        #topic #mob-summarytable .title {
            color: white;
		    margin: 0;
		    text-decoration: none !important;
        }

        #topic .ques-section .ques a {
            font-size: 14px !important;
        }

        #topic #unemployment .content {
            padding: 0px !important;
        }

        #topic .ques-section .ques {
            margin-bottom: 5px !important;
            line-height: 22px;
        }

        #topic #unemployment .view-more {
            padding: 10px !important;
        }

        #topic .overview .main-title {
            font-size: 20px;

        }

        #topic .overview .item .item-content {
            margin-top: 0px;
        }

    }
    
      @media (min-width: 768px) and (max-width: 991px) {
      
      #topic {
         padding-left: 0px !important;
         padding-right: 0px !important;
      }


      #topic .overview .up-arrow {
         height: 30px;
         width: 30px;
         margin-left: 5px;
      }

      #topic .overview .item {
         padding: 15px;
      }

      #topic .summary-details {
         padding: 20px;
      }

      #topic #whats-happenings .banner-item .title {
         font-size: 16px;
      }

   }

    /*end topic page*/

    /*data-list page*/


    #data-list {
        margin-top: 30px;
    }

    #data-list .main-title {
        font-size: 36px;
        color: black;
    }

    #data-list .data-item {
        margin-bottom: 35px;
    }

    #data-list .item {
        margin-bottom: 30px;
    }

    #data-list .item .content {
        display: flex;
    }

    #data-list .doc-icon {
        width: 36px;
        height: 49px;
        margin-right: 30px;
        margin-left: 30px;
        position: relative;
        top: 25px;
    }

    #data-list .detail-title {
        color: rgb(37, 99, 204);
    }

    #data-list .release-date .font-class-3 {
        color: rgb(86, 98, 113);
        font-size: 12px;
    }


    #data-list .Library-btn {
        float: right;
    }

    #data-list .Library-btn p {
        font-size: 14px;
    }

    #data-list .Lib-btn {
        background-color: rgb(247 186 80);
        border-radius: 4px;
        padding: 10px;
        display: block;
        width: 199px;
        text-align: center;
        color: black;
    }

    #data-list .data-item .item-title {
        margin-bottom: 20px;
    }

    #data-list .explore {

        padding-left: 40px;
        margin-top: 70px;
    }

    .topic-filter .topic-list {

        font-size: 14px;
    }

    #data-list {

        margin-left: 50px;
    }

    #data-list .data-item {

        margin-left: -15px;
    }

    #data-list .release-date {

        font-size: 14px;
    }

    #data-list .data-item .item-title {

        padding-top: 20px;
    }

    @media (max-width: 991px) {

        #data-list .main-title {
            font-size: 20px !important;
        }

        #data-list .item-title {
            font-size: 16px;
        }

        #data-list .doc-icon {

            height: 24px;
            width: 18px;
            margin-left: 0;
            margin-right: 15px;
            top: 0px;
        }

        #data-list .detail-title {
            font-size: 14px;
            font-style: normal;
            font-weight: 700;
        }

        #data-list .release-date {
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
        }

        #data-list .item-details .desc {
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
        }


        #data-list .Library-btn {
            float: initial;
        }

        #data-list .Lib-btn {

            width: 100%;

        }

        #data-list .data-item {
            padding: 0;
        }

        #data-list .Lib-btn {

            width: 100%;
            font-size: 14px;
            font-weight: 700;
        }

        #related-statistics .item .header {

            border-top-right-radius: 8px !important;
            border-top-left-radius: 8px !important;
        }

        #related-statistics .item {

            border-radius: 8px !important;
        }
    }

    /*end data-list page*/

    /*For search result page*/

    .ms-srch-ellipsis {
        
        font-size: 20px;
    }

    #unselShortList #Value a{

        font-weight: 400;
        font-size: 16px;
    }
    
     .ms-srch-item-summary {

        font-weight: 400;
        font-size: 16px;
        margin-top: 10px;
    }


   .ms-ref-refiner .ms-ref-refinername {
    font-size: 16px;
    font-weight: 700;
}
   #SearchBox>.ms-srch-sbLarge { 
   display:flex;
   flex-direction: row-reverse;
	width:100%;
    border: none;
        padding-left: 10px;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 .125rem 0.5rem rgba(0, 0, 0, .25) !important;
    border: none;
    padding:5px;
	
} 
  #SearchBox>.ms-srch-sbLarge input {
	font-size:16px;
    width: 100%;
    float: none !important;
}
 .ms-srch-sbLarge > .ms-srch-sb-searchLink {
	float:left !important;
	
}
 #SearchBox {
	float:none !important;
}
.ms-srch-group-content .ms-srch-item {
    border-top: 1px solid;
    padding-top: 20px;
    padding-bottom: 20px;
    width:100%;
}
.ms-srch-result #PagingLink a {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
}
.ms-srch-result #PagingSelf a {
    background-color: #2c75dd !important;
    padding: 2px 10px !important;
    border-radius: 3px !important;
    color: #FFF !important;
}
.ms-srch-group-content:nth-last-child(n-1) {
    border-bottom: 1px solid;
}
#PageLinkNext, #PageLinkPrev {
    width: auto;
    border: none !important;
    height: 32px !important;
}

#PageLinkNext .ms-promlink-button-image, #PageLinkPrev .ms-promlink-button-image {
	display:none !important;
}

#PageLinkNext::after {
    content: "Next >";
    text-transform: capitalize;
}
#PageLinkPrev::before {
    content: "< Prev";
    text-transform: capitalize;
}

@media (max-width: 767px) {
	
	#Groups div {
    width: auto !important;
}

#UpScopeLinkTop {
	
	display:block !important;
	    width: auto !important;

}
.ms-srch-hover-outerContainer {
	left:35% !important;
}


}
.ms-webpart-zone {
    display: block !important;
}
.ms-srch-hover-outerContainer {
	left:60% !important;
}
.ms-srch-hover-subTitle h3 {
	font-size:20px;
}
    /*End search result page*/
    
    /*for old pages footer list hide*/
    
    .footerwrap .sharelists {
	display:none !important;
	}
	
	@media (max-width: 767px) {
	.Img-FB, .img_twitter, .Img-linkedin, .img_youtube {
   		 width: 30px;
    	 height: 30px;
		}
	}
	

    
        /*end old pages footer list hide*/
        
        .ms-signInLink {
    display: none !important;
}

/*for common key indicators*/

#commonkeyindicators .item {
    box-shadow: 0px 0px 15px 2px #e8e9e9;
    padding: 25px;
    border-top: 8px solid blue;
    border-radius: 10px;
}

#commonkeyindicators .item-content h6 {
    font-size: 16px;
}

#commonkeyindicators .count {
    display: flex;
    font-size: 36px;
    font-weight: 700;
    color: black;
}

#commonkeyindicators .up-arrow {
    height: 25px;
    width: 25px;
    margin-top: 8px;
    margin-left: 10px;
}

#commonkeyindicators .item-content p {
    color: rgba(12,13,13,1.0);
    font-family: 'Open Sans-Regular', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0px;
}

#commonkeyindicators .gray {
    color: rgba(109,121,137,1.0);
}

@media (max-width: 767px) {
	
	#commonkeyindicators .item {
	    padding: 10px !important;
	}
	
	#commonkeyindicators .item-content h6 {
        font-size: 12px !important;
    }
    
    #commonkeyindicators .item-content  {
         display:flex;
    }
    
    #commonkeyindicators .count {
      
       font-size: 16px !important;
       margin: 0;
       font-weight: 800;

   }
   
   #commonkeyindicators .item-content p {
   
       font-size: 12px !important;
   }
   
   #commonkeyindicators .up-arrow {
   
       margin-left: 15px;
       width: 20%;
       margin-top: 0px !important;
   }
   
   #commonkeyindicators .gray {
     display: none;
   }
   }

/*end common key indicators*/

/* Singapore-Yearbook-Of-Manpower-Statistics-2018 */
#prntDivTableOfContents> h3, #prntDivTableOfContents> .iecorner-content > h3 {
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: 1px #ddd solid;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0.8333em;
    background: url(../img/heading-blue-stripe.jpg) 0 13px no-repeat;
}
#prntDivTableOfContents h3 > span {
    display: inline-block;
    border-bottom: 1px #000 solid;
    padding: 0 0 5px 20px;
    margin-bottom: -1px;
}
#iMAS_SP_Ann_Rpt1, #iMAS_SP_Ann_Rpt2 {
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    border-spacing: 0;
    text-align: left;
    width: 80%;
    margin:0 auto;
}

#iMAS_SP_Ann_Rpt1 .arrowlink, #iMAS_SP_Ann_Rpt2 .arrowlink {
    font-size: 1.077em;
    padding: 0 0 0 20px;
    background: url(../img/list-arrow.png) 5px 9px no-repeat;
    display: block;
    color: #888;
    text-decoration: none;
}
#prntDivTableOfContents .plain tbody tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 transparent;
}
#iMAS_SP_Ann_Rpt1 th, #iMAS_SP_Ann_Rpt2 th, #iMAS_SP_Ann_Rpt1 td, #iMAS_SP_Ann_Rpt2 td {
    padding: 10px;
    text-align: left;
    vertical-align: top;
}
#iMAS_SP_Ann_Rpt1 tbody th, #iMAS_SP_Ann_Rpt2 tbody th, #iMAS_SP_Ann_Rpt1 tbody td, #iMAS_SP_Ann_Rpt2 tbody td, #iMAS_SP_Ann_Rpt1 tfoot td, #iMAS_SP_Ann_Rpt2 tfoot td {
    border-top: 1px solid #DDDDDD;
}
#iMAS_SP_Ann_Rpt1 tbody tr:first-child td, #iMAS_SP_Ann_Rpt2 tbody tr:first-child td, #iMAS_SP_Ann_Rpt1 tbody tr:first-child th, #iMAS_SP_Ann_Rpt2 tbody tr:first-child th {
    border-top: medium none;
}
#prntDivTableOfContents .filetype.pdf {
    color: #CC0000;
}
#prntDivTableOfContents .filetype.html {
    color: #66CC00;
}
#prntDivTableOfContents .filetype, .size {
    color: #888888;
    font-size: 11px !important;
    text-transform: uppercase;
}
#prntDivTableOfContents .arrowlink, #prntDivTableOfContents .arrowlink:visited {
    font-size: 1.077em;
    padding: 0 0 0 20px;
    background: url(../img/list-arrow.png) 5px 9px no-repeat;
    display: block;
    color: #888;
    text-decoration: none;
}
#prntDivTableOfContents .arrowlink:visited{
	color: rgb(177, 0, 105);
}
#prntDivTableOfContents .pdf {
    border: none;
    box-sizing: border-box;
    border-radius: 4px;
    width: auto;
    height: auto;
    position: relative;
    background-color: transparent;
    left: 0;
    top: 0;
    border-top: 1px solid #DDDDDD;
}
#prntDivTableOfContents h5{
	margin-top: 0;
    margin-bottom: 0.3571em;
    font-weight: bold;
}
.columns.eight {
    width: 100%;
}
/*#prntDivTableOfContents .columns.eight {
    width: 100%;
}*/
/* End Singapore-Yearbook-Of-Manpower-Statistics-2018 */


/* LabourForceTimeSeries.aspx */

#timeSeriesSection .stripemodule{
	    padding: 5px;
}
#timeSeriesSection .stripemodule > h3, #timeSeriesSection > .iecorner-content > h3 {
    text-transform: uppercase;
    font-weight: normal;
    border-bottom: 1px #ddd solid;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0.8333em;
    background: url(../img/heading-blue-stripe.jpg) 0 13px no-repeat;
}
#timeSeriesSection h3 > span {
    display: inline-block;
    border-bottom: 1px #000 solid;
    padding: 0 0 5px 20px;
    margin-bottom: -1px;
}
#timeSeriesSection .twelve.columns {
    width: 100%;
}
#timeSeriesSection .plain tbody tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 transparent;
}
#timeSeriesSection .arrowlink, #timeSeriesSection .arrowlink:visited {
    font-size: 1.077em;
    padding: 0 0 0 20px;
    background: url(../img/list-arrow.png) 5px 9px no-repeat;
    display: block;
    color: #888;
    text-decoration: none;
}
#timeSeriesSection .filetype, .size {
    color: #888888;
    font-size: 11px !important;
    text-transform: uppercase;
}

/*End of LabourForceTimeSeries.aspx */



/* employment-Summary-Table.aspx */

#iMAS_SP_Summ {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-collapse: separate;
    border-radius: 5px 5px 5px 5px;
    border-spacing: 0;
    margin-bottom: 20px;
    text-align: right;
    width: 100%;
}

.infotable thead th {
    background: #0c6cad;
    color: #fff;
    padding: 10px 10px;
    border: 1px #0c6cad solid;
}

.infotable thead th:first-child {
    border-top-left-radius: 5px;
}
.infotable thead th:last-child {
    border-top-right-radius: 5px;
}
#iMAS_SP_Summ tbody tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #EEEEEE;
}

#iMAS_SP_Summ td{
    padding: 5px 10px 5px 0;
    text-align: right;
    vertical-align:middle;
}

.ms-WPBody {
    font-family: arial,helvetica,sans-serif;
    font-size: 1em;
}

.ms-WPBody td {
    font-family: arial,helvetica,sans-serif;
    font-size: 10pt;
    /*padding-right: 10px !important;*/
}


.hide {
    display: none;
}

.header-fixed {
    border-radius: 0 0 0 0;
    position: fixed;
    top: 0;
    z-index: 1020;
}

#iMAS_SP_Summ tbody tr:hover td,
 #iMAS_SP_Summ tbody tr:hover th {

  background-color: #feffc2;

}



#iMAS_SP_Summ th {
    padding-left: 10px;
    text-align: right;
}
#iMAS_SP_Summ tbody th, #iMAS_SP_Summ tbody td, #iMAS_SP_Summ tfoot td {
    border-top: 1px solid #DDDDDD;
}


#iMAS_SP_Summ tbody tr:nth-child(odd),
#iMAS_SP_Summ tbody .odd {
  background: #eee;
}
#iMAS_SP_Summ tbody .odd td,
#iMAS_SP_Summ tbody .odd th {
  background: #eee;
}


#imasFullSummaryTable .ms-rteTable-0 > tbody > tr > th {
	color: rgb(34, 34, 34);
    font-weight: bold;
    font-size: 13px;
    vertical-align: middle;
    padding: 0px;
}
/*End of employment-Summary-Table.aspx*/


/* for main header */
.sub2ndlevel .dropdown-item a:hover{
	font-weight:bold;
} 
/* End for main header */

/*for floating icons*/

 .functionality-container .fontsize {
    padding: 0px;
    border: 0px;
    background-color: transparent;
    position: relative;
    top: 2px;
    display: flex;
}

        .functionality-container .fontsize #sub-btn {
            display: none;
        }

        #btn-increase,
        #btn-decrease,
        #fontsize-btn,
        #print {
            width: 49px;
            height: 49px;
            border-radius: 50%;
            font-size: 18px;
            min-width: 51px;
            border: none;
            box-shadow: 0 2px 4px 0 rgba(49, 49, 49, 0.12), 0 0 1px 0 rgba(239, 242, 247, 0.5);
            outline: none;
            color: #887764;
        }

       .functionality-container #btn-increase {
            float: right;
            /*margin-right: 10px;*/
        }
        .functionality-container #btn-increase span {
            font-size: 18px !important;
        }

        
       .functionality-container #btn-decrease {
                margin-right: 10px;
                margin-left: 10px;
        }
        .functionality-container #btn-decrease span {
            font-size: 10px !important;
        }



       .functionality-container #fontsize-btn .btn-smallfont {
            font-size: 10px !important;
        }

        .functionality-container #fontsize-btn .btn-bigfont {
            font-size: 18px !important;
        }
        
        
        .functionality-container{
               left: 12px;
               bottom: 82px;
             position: fixed;
              z-index: 9999;
            }
            
     .at-expanding-share-button[data-position=bottom-left] {
         bottom: 183px;
     }
     
 .functionality-container #print {
	    top: 10px;
    position: relative;
}

/*end floating icons*/


/* for left navigations*/
.leftnavigtion .collapsed .fa-angle-right:before {
    content: "\f105";
}
.leftnavigtion .fa-angle-right:before {
    content: "\f107";
}

/* End  for left navigations*/

/*for all pages */
.custom-desc {
    text-transform: uppercase;
}
.last-updated {
    color: #414c5a;
    float: right;
}

.custom-breadcrumb.breadcrumb span{
margin-left:0px !important;
}
.breadcrumb{
padding-left:0px !important;
}
.breadcrumb-content {
    margin-left: 0px !important;
}
.custom-header-content {
    margin-left: 0px !important;
}

.right-content .ms-rtestate-field h2 {
    font-family: 'Open Sans', Helvetica, Arial, serif;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase;
    color: black !important;
}
@media (max-width: 767px){
.right-content .ms-rtestate-field h2 {
    font-size: 20px;
}	
}
/*End for all pages */

/* For Concepts and documentstype=Reports */
#key-insights {
    background-color: #dde3ee;
    padding: 30px;
    border-top: 15px solid #5c64d8;
    border-radius: 15px 15px 8px 8px;
    margin-bottom: 35px;
    box-shadow: 0 0.125rem 0.2rem #242b93 !important;
}
/* End For Concepts and documentstype=Reports */

/*for result page*/
#ResultFooter{
	display: none;
}

.ms-srch-hover-innerContainer{
	display:none !important;
}


/*End of result page*/


/*for /Pages/Labour-Market-Report-1Q-2018.aspx New Content Section*/

    #new-content {
        background-color: #f6f9fb;
    padding: 30px;
    border-top: 15px solid #5c64d8 !important;
    border-radius: 15px 15px 8px 8px;
    margin-bottom: 35px;
    box-shadow: 0 0.125rem 0.2rem #f6f9fb;
    border: 1px solid #bec1c3;
}
#new-content .new-content-img {
    width: 100%;
}
#new-content .title {
    margin-left: 20px;
    margin-right: 0px;
    font-weight: 700;
}

@media(max-width: 576px){
	   #new-content {
	       padding: 30px 0px !important;
	   }
}
/*end  /Pages/Labour-Market-Report-1Q-2018.aspx New Content Section*/

/*for our survey page*/
a#Welcome, a#Survey, a#LabourForceSurvey, a#Hotline{
	display:block;
    padding-top:100px;
    margin-top:-100px;
}  
/*end for our survey page*/

/*for search result*/

.ms-srch-result-personalResult{
	display:none !important;
}

/*end search result*/

.target-before {
    top: -90px;
    position: relative;
}

/*Growing_Alongside_Our_Ageing_Workforce.aspx*/
#poll-quiz .pollchoice label.wrongAns::before {
    font-family: "FontAwesome";
    content: "\f00d" !important;
    border: 1px solid;
    border-radius: 50%;
    padding: 3px 9px;
    margin-right: 10px;
} 
#poll-quiz .pollchoice label.crctAns::before {
    font-family: "FontAwesome";
    content: "\f00c" !important;
    border: 1px solid;
    border-radius: 50%;
    padding: 3px 9px;
    margin-right: 10px;
}
/*End Growing_Alongside_Our_Ageing_Workforce.aspx*/


/*for Singapore-Yearbook-Of-Manpower-Statistics-2020.aspx page*/


    #prntDivTableOfContents #contents .title.accor-dropdown-toggle {
    background-color: #f4faff;
    margin-bottom: 10px;
    padding: 15px;
    display: block;
    color: #2563cc !important;
    text-decoration: none !important;
    font-size: 20px;
}

#prntDivTableOfContents #contents .title.accor-dropdown-toggle.collapsed::before {
    content: "\f054";
}

#prntDivTableOfContents #contents .title.accor-dropdown-toggle::before {
    font-family: "FontAwesome";
    content: "\f078";
    padding-left: 10px;
    font-size: 20px;
    margin-right: 15px;
}

/*end Singapore-Yearbook-Of-Manpower-Statistics-2020.aspx page*/

/*start for source dataset and previous report*/
#sourceandprevious .collapse-secton .item .title{
	background-color: #f4faff;
    margin-bottom: 10px;
    padding: 15px;
    display: block;
    color: #2563cc !important;
    text-decoration: none !important;
    font-size: 20px;}
#sourceandprevious .title.accor-dropdown-toggle {
    color: #2563cc !important;
    text-decoration: none !important;
    font-size: 20px;
}
#sourceandprevious .title.accor-dropdown-toggle.collapsed::before {
    content: "\f054";
}
#sourceandprevious .title.accor-dropdown-toggle::before {
    font-family: "FontAwesome";
    content: "\f078";
    padding-left: 10px;
    font-size: 20px;
    margin-right: 15px;
}
#sourceandprevious .arrowlink, #sourceandprevious .arrowlink:visited {
    font-size: 1.077em;
    padding: 0 0 0 20px;
    background: url(../img/list-arrow.png) 5px 9px no-repeat;
    display: block;
    color: #888;
    text-decoration: none;
}
#sourceandprevious .filetype {
    border: none;
    box-sizing: border-box;
    border-radius: 4px;
    width: auto;
    height: auto;
    position: relative;
    background-color: transparent;
    left: 0;
    top: 0;
    border-top: 1px solid #DDDDDD;
}
#sourceandprevious .filetype,#sourceandprevious .size {
    color: #888888;
    font-size: 11px !important;
    text-transform: uppercase;
}
#sourceandprevious td {
    font-family: arial,helvetica,sans-serif;
    font-size: 10pt;
    /* padding-right: 10px !important; */
}
/*end for source dataset and previous report*/


/*for floating share icon*/


#share-icons .expand-share-btn {
        background-color: #ff6550;
        height: 50px;
        width: 50px;
        transition: transform .4s ease;
        border-radius: 50%;
        display: block;
        background-image: url(../img/home-share.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    #share-icons .expand-share-btn::after {
        display: none !important;
    }

    #share-icons {
        left: 14px;
        bottom: 185px;
        position: fixed;
        z-index: 9999;
        display: flex;
    }

    #share-icons-list {
        list-style: none;
         padding: 0px;
      /*background-color: white;*/
        border-radius: 5px;
        position: absolute;
        display: none;
        left: 52px;
    }

    #share-icons-list li {
        padding: 5px;
    }

    #share-icons .expand-share-btn:hover+#share-icons-list {
        display: flex !important;
    }

    #share-icons #share-icons-list:hover {
        display: flex !important;
    }

    #share-icons .expand-share-btn:hover, #share-icons .expand-share-btn.active {
        transform: rotate(360deg);
        background-image: url("../img/home-share.png");
    }
    
/*end floating share icon*/

#common-report-data .download span.font-class-3{
	padding-left:5px;
}  

#common-report-data #notification span a {
	padding-left:5px;
}

#common-report-data #details .download-icon {
    width: auto !important;
    align-self: baseline;
}

#related-statistics .item .download-icon {
    width: auto !important;
    align-self: baseline;
}


/*for sharepoint header share icon*/

.ms-dlgContent .ms-dlgBorder #dlgTitleBtns>a>span {
    box-sizing: initial;
}

/*end for sharepoint header share icon*/

#new-content {
	display: none;
}